// eslint-disable-next-line vue/multi-word-component-names
<template>
  <div class="item-list">
    <div v-for="item in items" :key="item.id">{{ item.title }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 11, title: 'Item 11' },
        { id: 12, title: 'Item 12' },
        { id: 13, title: 'Item 13' },
        { id: 14, title: 'Item 14' },
        { id: 15, title: 'Item 15' },
      ],
    }
  },
}
</script>

<style lang="scss" scoped></style>
